@extends('layouts.admin')

@section('content')
    <script type="application/javascript" src="{{url()}}/js/blobs.js"></script>
    <div class="modal-msg"></div>
    <div class="row">
        <div class="col-md-2 margin-bottom-10">
            <button type="button" class="btn btn-primary btn-md"
                    data-toggle="modal" data-target="#createContainer"><i class="fa fa-plus-circle"></i> Add New
            </button>
        </div>
    </div>
    <table class="table table-stripped" id="containers">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Delete</th>
        </tr>
        {{--*/ $count = 1 /*--}}
        @foreach($containers as $container)
            <tr class="row-{{$count}}">
                <td>{{$count}}</td>
                <td  class="name"><a href="{{url()}}/container/{{$container->getName()}}">{{$container->getName()}}</a></td>
                <td><a href="#" onclick="deleteContainerModal({{$count++}})"><i class="fa fa-remove"></i></a> </td>
            </tr>
        @endforeach
    </table>
    @include('modals.addcontainer')
    @include('modals.deleteContainer')
@endsection